import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
// 跨组件传参
export default new Vuex.Store({
  state: { // ->映射 计算属性 computed
    // ActionSheet 动作面板-> actions 属性来定义选项
    // v-model (show)是否显示动作面板 默认隐藏
    actionSheetShow: false,

    // 不感兴趣--获取选项文章ID--反馈文章ID
    actionArtId: '',
    firstActions: [{ name: '不感兴趣' }, { name: '反馈垃圾内容' }],
    secondActions: [
      {
        value: 0,
        name: '其它问题'
      },
      {
        value: 1,
        name: '标题夸张'
      },
      {
        value: 2,
        name: '低俗色情'
      },
      {
        value: 3,
        name: '错别字多'
      },
      {
        value: 4,
        name: '旧闻重复'
      },
      {
        value: 6,
        name: '内容不实'
      },
      {
        value: 8,
        name: '侵权'
      },
      {
        value: 5,
        name: '广告软文'
      },
      {
        value: 7,
        name: '涉嫌违法犯罪'
      }
    ],
    commentMax: 99
  },
  mutations: { // ->映射方法
    // 方法 ：改变一级面板的显示隐藏
    changeActionShowMutation (state, bool) {
      state.actionSheetShow = bool // 布尔值控制 true/false
    },
    // 方法：获取文章ID - articleItem 向 store传值 artId
    setActionArtIdMutation (state, artId) {
      state.actionArtId = artId
    }
  },
  actions: {
  },
  modules: {
  }
})
